<?php

	include("includes/connect.php");

?>
    <link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
    <link href="./bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
	<link rel="stylesheet" href="jquery-ui/themes/base/jquery-ui.css" />


        <script type="text/javascript" language="javascript" src="includes/jquery.dataTables.js"></script>
		<script type="text/javascript" charset="utf-8">
			$(document).ready(function() {
				//$('#dlg_edit_edu').jqxValidator('hide');$('#form').jqxValidator('hide');
				oTable = $('#example').dataTable({
					"bJQueryUI": true,
					"sPaginationType": "full_numbers",
					//"sScrollX": "100%",
					//"sScrollXInner": "110%",
					"aaSorting": [] 
				});
				
			} );
		</script>


					<div class="input-prepend">
						<span class="add-on"><i class="icon-search"></i></span><input class="input-large" placeholder="ค้นหา" name="" id="" type="text"><button class="btn" type="button">Go!</button>
					</div>
				  <table class="table table-bordered"  id="example">
					  <thead>
						<tr>
						  <th>#</th>
						  <th>First Name</th>
						  <th>Last Name</th>
						  <th>Username</th>
						</tr>
					  </thead>
					  <tbody>

<?php
		$sql = "SELECT * FROM tblTest";
		$query = mysql_query( $sql );
		$array = array();
		while ($row1 = mysql_fetch_object( $query )) {
			$array[] = $row1;
		}
		$rows = $array;
		for ($i=0, $n=count( $rows ); $i < $n; $i++) {
			$row = &$rows[$i];
	?>
					
						<tr class="odd selected">
						  <td><?php echo $row->id; ?></td>
						  <td><?php echo $row->name; ?></td>
						  <td><?php echo $row->age; ?></td>
						  <td><a href="#">@mdo</td>
						</tr>
		<?php } ?>
					  </tbody>
					</table>
					<div class="pagination">
					  <ul>
						<li><a href="#">Prev</a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#" disabled>Next</a></li>
					  </ul>
					</div>
